<%@page import="traductor.jsps.servlets.vo.VOpalabra"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=US-ASCII"
    pageEncoding="US-ASCII"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=US-ASCII">
<title>Espa-Mapu</title>

<script type="text/javascript">
	function traducir(){
		var forma = document.getElementById("espagnolMapudungun");
		forma.accion = "adminPalabras.servlet";
		var accion = document.getElementById("accion");
		accion.value = "traducir";
		forma.submit();
	}
	
	function carga() {
		document.getElementById("espagnol").focus();
	}
	
	function formReset(){
		document.getElementById("espanolMapudungun").reset();
	}
	
	function volver(){
		var forma = document.getElementById("espagnolMapudungun");
		forma.accion = "adminPalabra.servlet";
		var accion = document.getElementById("accion");
		accion.value = "volver";
		forma.submit();
	}	
</script>

</head>
<body>

<form action="espaMapu.jr" method="post" id="espagnolMapudungun">
<center>
<input type="hidden" name="accion" id="accion">

<p style="font-size: 20px; font-weight: bold">
Bienvenido al Diccionario Espanol - Mapudungun:
</p>

<table>
	<tr>
		<td style="font-weight: bold; size: 12px; " align="right">Palabra en Espanol a traducir :</td>
		<td> 
			<select name="espagnol" id="espagnol" onChange="showtext()">
				<option value=" "> -Seleccione Palabra- </option>
				<option value="Uno">UNO</option>
				<option value="Dos">DOS</option>
				<option value="Tres">TRES</option>
				<option value="Cuatro">CUATRO</option>
				<option value="Cinco">CINCO</option>
				<option value="Seis">SEIS</option>
				<option value="Siete">SIETE</option>
				<option value="Ocho">OCHO</option>
				<option value="Nueve">NUEVE</option>
				<option value="Diez">DIEZ</option>
			</select>			
		</td>
	</tr>
	<tr>
		<td colspan="2">
			<input type="button" value="TRADUCIR A MAPUDUNGUN" style="font-size: 18px; color: blue"
			onclick="traducir();">
			<input type="button" value="Vover al Menu Principal" style="font-size: 18px; color: blue" 
			onclick="volver();">
		</td>	
	</tr>
</table>

<p style="font-size: 18px; font-weight: bold">Traduccion: </p>
<table>
<tr style="color: blue">
	<th>|</th><th>Palabra en Espanol</th><th>|</th><th>Traduccion al Mapudungun</th><th>|</th>
</tr>
		<%
		List<VOpalabra> lista = (List<VOpalabra>)session.getAttribute("listaEspanol");
		for(VOpalabra obj : lista){
			%>	
			<tr>
				<th>|</th><td> <%= obj.getEspagnol()  %> </td><th>|</th>
					      <td> <%= obj.getMapudungun() %> </td><th>|</th>
			</tr>
			<% 
			}
			%>
		

</table>
</center>
</form>
</body>
</html>